<template>
  <div class="box">
    <p>
      <span>{{ introduce.identifyTag }}</span>
      <span>{{ introduce.name }}</span>
    </p>
    <div class="introduce">
      <h2>简介</h2>
        
      <p>{{ introduce.briefDesc }} ||{{ introduce.briefDesc }}</p>
    </div>
  </div>
</template>

<script>

export default {
  name: "MusicIntroduce",
  props: ["introduce"],
  data() {
    return {};
  },
components:{},
  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
.box {
 
 
  padding: 0.9375rem;
  h2 {
    margin: 0.625rem 0;
    margin-top: 0;
  }
  p {
    span {
      color: red;
      caret-color: #bbb;
    }
  }
  .introduce {
    margin-top: 1.25rem;
    width: 100%;
    min-height: 6.25rem;
    p {
      text-align: left;
      padding: 0.625rem;
      line-height: 1.875rem;
      border: 0.0625rem solid #ccc;
      text-indent: 1.875rem;
      border-radius: 0.3125rem;
    }
  }
}
</style>